﻿<fieldset id="app-field"> <!--class="k-block k-info-colored"-->
    <legend>Create Appointment</legend>
    <label for="tb-subject">Subject:</label>
    <input data-bind="value: subject" type="text" id="tb-subject" class="k-textbox" value="Subject" />
    <label for="tb-description">Description:</label>
    <input data-bind="value: description" type="text" id="tb-description" class="k-textbox" value="Description" />
    <label for="tb-app-date">Appointment Date:</label>
    <input data-bind="value: appointmentDate" type="date" id="tb-app-date" class="k-textbox" value="Appointment Date" />
    <label for="tb-duration">Duration:</label>
    <input data-bind="value: duration" type="number" id="tb-duration" class="k-textbox" value="Duration" />
    <div id="btn-layout">
        <button data-bind="click: create" class="k-button">Create appointment</button>
    </div>
</fieldset>
<a href="#/appointments/all" id="btn-create-appointment" class="k-button">Back to Appointments</a>